@layer base {
  
  body, :host {
    /* Color */
    --background: var(--neutral-950);
--foreground: var(--neutral-200);
--card: var(--neutral-900);
--card-foreground: var(--neutral-100);
--popover: var(--neutral-800);
--popover-foreground: var(--neutral-100);
--primary: var(--neutral-200);
--primary-foreground: var(--neutral-900);
--secondary: var(--neutral-800);
--secondary-foreground: var(--neutral-100);
--muted: var(--neutral-800);
--muted-foreground: var(--neutral-400);
--accent: var(--neutral-700);
--accent-foreground: var(--neutral-100);
--destructive: oklch(0.58 0.22 27);
--border: oklch(100% 0 0/.1);
--input: oklch(100% 0 0/.15);
--ring: var(--neutral-500);
--sidebar: oklch(20.5% 0 0);;
--input-solid: #141414;
--light-background: #ffffff;
--light-foreground: var(--neutral-950);
--light-card: #ffffff;
--light-card-foreground: var(--neutral-950);
--light-popover: #ffffff;
--light-popover-foreground: var(--neutral-950);
--light-primary: var(--neutral-900);
--light-primary-foreground: var(--neutral-50);
--light-secondary: var(--neutral-100);
--light-secondary-foreground: var(--neutral-900);
--light-muted: var(--neutral-100);
--light-muted-foreground: var(--neutral-500);
--light-accent: var(--neutral-50);
--light-accent-foreground: var(--neutral-900);
--light-destructive: oklch(0.51 0.19 28);
--light-border: var(--neutral-200);
--light-input: var(--neutral-200);
--light-ring: var(--neutral-400);
--light-sidebar: oklch(98.5% 0 0);
--light-input-solid: #ffffff;
--neutral-50: oklch(0.99 0.00 0);
--neutral-100: oklch(0.97 0.00 0);
--neutral-200: oklch(0.92 0.00 0);
--neutral-300: oklch(0.87 0.00 0);
--neutral-400: oklch(0.72 0.00 0);
--neutral-500: oklch(0.56 0.00 0);
--neutral-600: oklch(0.44 0.00 0);
--neutral-700: oklch(0.37 0.00 0);
--neutral-800: oklch(0.27 0.00 0);
--neutral-900: oklch(0.20 0.00 0);
--neutral-950: oklch(0.14 0.00 0);
--blue-100: oklch(0.55 0.22 263);
    /* Fonts */
    --font-geist: 'Geist',sans-serif;

    /* Font size */
    --h4: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);;
--t-20: 1.25rem;
--t-18: 1.125rem;
--t-16: 1rem;
--t-14: 0.875rem;
--t-12: 0.75rem;
    /* Font weight */
    --regular: 400;
--mediuum: 500;
--semibold: 600;
--bold: 700;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --space-1: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);;
--space-2: clamp(0.35rem, 0.344rem + 0.03vw, 0.37rem);;
--space-3: clamp(0.49rem, 0.47rem + 0.1vw, 0.56rem);;
--space-4: clamp(0.69rem, 0.65rem + 0.2vw, 0.83rem);;
--space-5: clamp(0.96rem, 0.882rem + 0.39vw, 1.23rem);;
--space-6: clamp(1.34rem, 1.198rem + 0.71vw, 1.84rem);;
--space-7: clamp(1.88rem, 1.634rem + 1.23vw, 2.74rem);;
--space-8: clamp(2.64rem, 2.228rem + 2.06vw, 4.08rem);;
--site-margin: clamp(1rem, 0.428rem + 2.86vw, 3rem);;
--font-family: Geist;
--radius: 0.5rem;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}


    .cktvMB {
      color:var(--foreground);
      width:100%;
      height:100%;
      display:flex;
      position:fixed;
      background:var(--background);
      max-height:100%;
      overflow-y:clip;
      align-items:center;
      justify-content:center;
    }

    .eyQJSM {
      position:absolute;
    }

    .abxoE {
      right:0px;
      bottom:0px;
      height:100%;
      display:flex;
      position:absolute;
      align-items:center;
      aspect-ratio:1/1;
      justify-content:center;
    }

    .fbjkJu {
      font-size:var(--t-20);
      font-weight:var(--semibold);
      letter-spacing:-0.02em;
      padding-bottom:var(--space-2);
    }

    .cCYXsI {
      width:100%;
    }

    .eWxGLT {
      width:var(--size);
      height:var(--size);
      display:flex;
      overflow-x:clip;
      overflow-y:clip;
      align-items:center;
      justify-content:center;
    }

    .cVOcmH {
      top:50%;
      left:50%;
      width:100%;
      height:100%;
      position:absolute;
    }

    .eKqJoF {
      width:1rem;
      height:1rem;
    }

    .dJcyEO {
      color:var(--foreground);
      width:100%;
      row-gap:2rem;
      max-width:300px;
      column-gap:2rem;
    }